<template>
	<view class="container">
		<view class="type" @tap="$myUni.navTo('/pages/product/form-rent-out')">
			<image src="./static/images/icon-rent-out.png" mode=""></image>
			<view class="type-text">出租</view>
		</view>
		<view class="type" @tap="$myUni.navTo('/pages/product/form-sell')">
			<image src="./static/images/icon-sell.png" mode=""></image>
			<view class="type-text">出售</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.container{
		padding-top: 40rpx;
	}
	
	.type{
		position: relative;
		height: 300rpx;
		
		image{
			position: absolute;
			inset: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
		}
		
		.type-text{
			display: flex;
			flex-direction: column;
			justify-content: center;
			position: absolute;
			inset: 0;
			z-index: 2;
			color: #fff;
			font-size: 38rpx;
			padding-left: 75rpx;
		}
	}
</style>
